<HTML>
<HEAD>
<TITLE>Metoda TextRange.compareEndPoints()</TITLE>
<STYLE TYPE="text/css">
TD {text-align:center}
.propName {font-family:Courier, monospace}
#fixedRangeElem {color:red; font-weight:bold}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var fixedRange

function setAndShowRangeData() {
    var selectedRange = document.selection.createRange()
    var result1 = fixedRange.compareEndPoints("StartToEnd", selectedRange)
    var result2 = fixedRange.compareEndPoints("StartToStart", selectedRange)
    var result3 = fixedRange.compareEndPoints("EndToStart", selectedRange)
    var result4 = fixedRange.compareEndPoints("EndToEnd", selectedRange)
    
    B1.innerText = result1
    compare1.innerText = getDescription(result1)
    B2.innerText = result2
    compare2.innerText = getDescription(result2)
    B3.innerText = result3
    compare3.innerText = getDescription(result3)
    B4.innerText = result4
    compare4.innerText = getDescription(result4)
}

function getDescription(comparisonValue) {
    switch (comparisonValue) {
        case -1 :
            return "znajduje si przed"
            break
        case 0 :
            return "pokrywa si z"
            break
        case 1 :
            return "znajduje si za"
            break
        default :
            return "a"    
    }
}
function init() {
    fixedRange = document.body.createTextRange()
    fixedRange.moveToElementText(fixedRangeElem)
}
</SCRIPT>
</HEAD>

<BODY onLoad="init()">
<H1>Metoda TextRange.compareEndPoints()</H1>
<HR>
<P>Zaznacz tekst w akapicie wywietlonym u dou strony, w rnych miejscach 
wzgldem tekstu wzorcowego (wywietlonego na czerwono). Zobacz zalenoci 
pomidzy punktami pocztku i koca obu zakresw tekstowych.</P>
<TABLE ID="results" BORDER=1 CELLSPACING=2 CELLPADDING=2>
<TR><TH>Waciwo</TH><TH>Warto wynikowa</TH><TH>Fixed Range vs. Selection</TR>
<TR>
    <TD CLASS="propName">StartToEnd</TD>
    <TD CLASS="count" ID="B1">&nbsp;</TD>
    <TD CLASS="count" ID="C1">Pocztek zakresu wzorcowego <SPAN ID="compare1">a</SPAN> 
    kocem zakresu zaznaczonego</TD>
</TR>
<TR>
    <TD CLASS="propName">StartToStart</TD>
    <TD CLASS="count" ID="B2">&nbsp;</TD>
    <TD CLASS="count" ID="C2">Pocztek zakresu wzorcowego <SPAN ID="compare2">a</SPAN> 
    pocztkiem zakresu zaznaczonego</TD>
</TR>
<TR>
    <TD CLASS="propName">EndToStart</TD>
    <TD CLASS="count" ID="B3">&nbsp;</TD>
    <TD CLASS="count" ID="C3">Koniec zakresu wzorcowego <SPAN ID="compare3">a</SPAN> 
    pocztkiem zakresu zaznaczonego</TD>
</TR>
<TR>
    <TD CLASS="propName">EndToEnd</TD>
    <TD CLASS="count" ID="B4">&nbsp;</TD>
    <TD CLASS="count" ID="C4">Koniec zakresu wzorcowego <SPAN ID="compare4">a</SPAN> 
    kocem zakresu zaznaczonego</TD>
</TR>
</TABLE>
<HR>
<P onMouseUp="setAndShowRangeData()">
Lorem ipsum dolor sit, <SPAN ID="fixedRangeElem">consectetaur adipisicing elit</SPAN>, 
sed do eiusmod tempor incididunt ut labore et dolore aliqua. Ut enim adminim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</P>
</BODY>
</HTML>